<template>
  <div>
    <div class="container">
      <BlogHeader />
      <BlogNav />
      <BlogDisplay />
      <GoodArticle />
    </div>
    <main role="main" class="container">
      <BlogMain />
    </main>
    <BlogFotter />
  </div>
  
</template>
<script>
import BlogHeader from './BlogHeader'
import BlogNav from './BlogNav'
import BlogDisplay from './BlogDisplay'
import GoodArticle from './GoodArticle'
import BlogFotter from './BlogFotter'
import BlogMain from './blog-main/BlogMain'

export default {
  name: 'homeblog',
  title: '博客首页',
  components: {
    BlogHeader,
    BlogNav,
    BlogDisplay,
    GoodArticle,
    BlogFotter,
    BlogMain
  },
  data() {
    return {}
  }
}
</script>
<style lang='scss'>
  @import './blog.scss'
</style>